<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>IconFont Demo</title>
  <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1214165" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe767;</span>
                <div class="name">温度计</div>
                <div class="code-name">&amp;#xe767;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">简易雨量站</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">GPS</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">风速</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb4b;</span>
                <div class="name">设备电压</div>
                <div class="code-name">&amp;#xeb4b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">裂缝计</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">应变计</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">量水堰</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">引张线</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">引张线</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">引张线</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">引张线</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">引张线</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">引张线</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">引张线</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">静力水准仪</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">静力水准仪</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">静力水准仪</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">静力水准仪</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">倾斜仪</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">垂线测点</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">垂线测点</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">垂线测点</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">垂线测点</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">垂线测点</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">垂线测点</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">垂线测点</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">垂线测点</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">垂线测点</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">垂线测点</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">垂线测点</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">垂线测点</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">垂线测点</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">垂线测点</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">垂线测点</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">垂线测点</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">垂线测点</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">位移计</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">位移计</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">位移计</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">位移计</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">测缝计</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">测缝计</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">测缝计</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">测缝计</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">测缝计</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">测缝计</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">测缝计</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">测缝计</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">测斜仪</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">测斜仪</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">渗压计</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">渗压计</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">渗压计</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">渗压计</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">渗压计</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">渗压计</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">渗压计</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">测压管遥测水位计</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">测压管遥测水位计</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">测压管遥测水位计</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">钢筋计</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">钢筋计</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">应力计</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">应力计</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">应变计</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">应变计</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">应变计</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">应变计</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">应变计</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">应变计</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">土压计</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">土压计</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe768;</span>
                <div class="name">温度计</div>
                <div class="code-name">&amp;#xe768;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe769;</span>
                <div class="name">温度计</div>
                <div class="code-name">&amp;#xe769;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">全站仪</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76a;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe76a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76b;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe76b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76c;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe76c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76d;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe76d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76e;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe76e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76f;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe76f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe770;</span>
                <div class="name">温度计</div>
                <div class="code-name">&amp;#xe770;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe771;</span>
                <div class="name">应变计</div>
                <div class="code-name">&amp;#xe771;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe772;</span>
                <div class="name">钢筋计</div>
                <div class="code-name">&amp;#xe772;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe773;</span>
                <div class="name">应变计</div>
                <div class="code-name">&amp;#xe773;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe774;</span>
                <div class="name">测缝计</div>
                <div class="code-name">&amp;#xe774;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe775;</span>
                <div class="name">渗压计</div>
                <div class="code-name">&amp;#xe775;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">钢板计</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe776;</span>
                <div class="name">钢板计</div>
                <div class="code-name">&amp;#xe776;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe777;</span>
                <div class="name">土压计</div>
                <div class="code-name">&amp;#xe777;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe778;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe778;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe779;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe779;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77a;</span>
                <div class="name">应力计</div>
                <div class="code-name">&amp;#xe77a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77b;</span>
                <div class="name">应力计</div>
                <div class="code-name">&amp;#xe77b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77c;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe77c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77d;</span>
                <div class="name">裂缝计</div>
                <div class="code-name">&amp;#xe77d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77e;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe77e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77f;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe77f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe780;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe780;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe781;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe781;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe782;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe782;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe783;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe783;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe784;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe784;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe785;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe785;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe786;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe786;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe787;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe787;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe788;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe788;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe789;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe789;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78a;</span>
                <div class="name">应力计</div>
                <div class="code-name">&amp;#xe78a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78b;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe78b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78c;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe78c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78d;</span>
                <div class="name">测缝计</div>
                <div class="code-name">&amp;#xe78d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78e;</span>
                <div class="name">测缝计</div>
                <div class="code-name">&amp;#xe78e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78f;</span>
                <div class="name">位移计</div>
                <div class="code-name">&amp;#xe78f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe790;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe790;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe791;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe791;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb4c;</span>
                <div class="name">设备电压</div>
                <div class="code-name">&amp;#xeb4c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb4d;</span>
                <div class="name">设备电压</div>
                <div class="code-name">&amp;#xeb4d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb4e;</span>
                <div class="name">设备电压</div>
                <div class="code-name">&amp;#xeb4e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb4f;</span>
                <div class="name">设备电压</div>
                <div class="code-name">&amp;#xeb4f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb50;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xeb50;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb51;</span>
                <div class="name">测斜仪</div>
                <div class="code-name">&amp;#xeb51;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb52;</span>
                <div class="name">测斜仪</div>
                <div class="code-name">&amp;#xeb52;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb53;</span>
                <div class="name">设备电压</div>
                <div class="code-name">&amp;#xeb53;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb54;</span>
                <div class="name">设备电压</div>
                <div class="code-name">&amp;#xeb54;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb55;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xeb55;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb5c;</span>
                <div class="name">温湿度传感器_o</div>
                <div class="code-name">&amp;#xeb5c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb5d;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xeb5d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb5e;</span>
                <div class="name">沉降仪</div>
                <div class="code-name">&amp;#xeb5e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb5f;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xeb5f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb60;</span>
                <div class="name">设备电压</div>
                <div class="code-name">&amp;#xeb60;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb61;</span>
                <div class="name">测缝计</div>
                <div class="code-name">&amp;#xeb61;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb62;</span>
                <div class="name">测缝计</div>
                <div class="code-name">&amp;#xeb62;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb63;</span>
                <div class="name">简易雨量站</div>
                <div class="code-name">&amp;#xeb63;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb64;</span>
                <div class="name">简易水位站</div>
                <div class="code-name">&amp;#xeb64;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb65;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xeb65;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb66;</span>
                <div class="name">简易水位站</div>
                <div class="code-name">&amp;#xeb66;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb67;</span>
                <div class="name">简易水位站</div>
                <div class="code-name">&amp;#xeb67;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb68;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xeb68;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb69;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xeb69;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb6a;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xeb6a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb6b;</span>
                <div class="name">温度计</div>
                <div class="code-name">&amp;#xeb6b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb6c;</span>
                <div class="name">位移计</div>
                <div class="code-name">&amp;#xeb6c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb6d;</span>
                <div class="name">位移计</div>
                <div class="code-name">&amp;#xeb6d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb6e;</span>
                <div class="name">测缝计</div>
                <div class="code-name">&amp;#xeb6e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb6f;</span>
                <div class="name">测缝计</div>
                <div class="code-name">&amp;#xeb6f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb70;</span>
                <div class="name">位移计</div>
                <div class="code-name">&amp;#xeb70;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb71;</span>
                <div class="name">风速</div>
                <div class="code-name">&amp;#xeb71;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb72;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xeb72;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb73;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xeb73;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb74;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xeb74;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb75;</span>
                <div class="name">位移计</div>
                <div class="code-name">&amp;#xeb75;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb76;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xeb76;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb77;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xeb77;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb78;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xeb78;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb79;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xeb79;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb7a;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xeb7a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb7b;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xeb7b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb7c;</span>
                <div class="name">测斜仪</div>
                <div class="code-name">&amp;#xeb7c;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-appar-307"></span>
            <div class="name">
              温度计
            </div>
            <div class="code-name">.icon-appar-307
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-0"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-0
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-701"></span>
            <div class="name">
              简易雨量站
            </div>
            <div class="code-name">.icon-appar-701
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-8"></span>
            <div class="name">
              GPS
            </div>
            <div class="code-name">.icon-appar-8
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-919"></span>
            <div class="name">
              风速
            </div>
            <div class="code-name">.icon-appar-919
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-501"></span>
            <div class="name">
              设备电压
            </div>
            <div class="code-name">.icon-appar-501
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-124"></span>
            <div class="name">
              裂缝计
            </div>
            <div class="code-name">.icon-appar-124
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-103"></span>
            <div class="name">
              应变计
            </div>
            <div class="code-name">.icon-appar-103
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-908"></span>
            <div class="name">
              量水堰
            </div>
            <div class="code-name">.icon-appar-908
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-403"></span>
            <div class="name">
              引张线
            </div>
            <div class="code-name">.icon-appar-403
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-404"></span>
            <div class="name">
              引张线
            </div>
            <div class="code-name">.icon-appar-404
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-413"></span>
            <div class="name">
              引张线
            </div>
            <div class="code-name">.icon-appar-413
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-414"></span>
            <div class="name">
              引张线
            </div>
            <div class="code-name">.icon-appar-414
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-909"></span>
            <div class="name">
              引张线
            </div>
            <div class="code-name">.icon-appar-909
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-910"></span>
            <div class="name">
              引张线
            </div>
            <div class="code-name">.icon-appar-910
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-918"></span>
            <div class="name">
              引张线
            </div>
            <div class="code-name">.icon-appar-918
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-402"></span>
            <div class="name">
              静力水准仪
            </div>
            <div class="code-name">.icon-appar-402
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-412"></span>
            <div class="name">
              静力水准仪
            </div>
            <div class="code-name">.icon-appar-412
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-906"></span>
            <div class="name">
              静力水准仪
            </div>
            <div class="code-name">.icon-appar-906
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-907"></span>
            <div class="name">
              静力水准仪
            </div>
            <div class="code-name">.icon-appar-907
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-511"></span>
            <div class="name">
              倾斜仪
            </div>
            <div class="code-name">.icon-appar-511
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-203"></span>
            <div class="name">
              垂线测点
            </div>
            <div class="code-name">.icon-appar-203
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-204"></span>
            <div class="name">
              垂线测点
            </div>
            <div class="code-name">.icon-appar-204
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-207"></span>
            <div class="name">
              垂线测点
            </div>
            <div class="code-name">.icon-appar-207
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-208"></span>
            <div class="name">
              垂线测点
            </div>
            <div class="code-name">.icon-appar-208
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-209"></span>
            <div class="name">
              垂线测点
            </div>
            <div class="code-name">.icon-appar-209
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-210"></span>
            <div class="name">
              垂线测点
            </div>
            <div class="code-name">.icon-appar-210
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-405"></span>
            <div class="name">
              垂线测点
            </div>
            <div class="code-name">.icon-appar-405
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-406"></span>
            <div class="name">
              垂线测点
            </div>
            <div class="code-name">.icon-appar-406
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-903"></span>
            <div class="name">
              垂线测点
            </div>
            <div class="code-name">.icon-appar-903
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-911"></span>
            <div class="name">
              垂线测点
            </div>
            <div class="code-name">.icon-appar-911
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-912"></span>
            <div class="name">
              垂线测点
            </div>
            <div class="code-name">.icon-appar-912
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-915"></span>
            <div class="name">
              垂线测点
            </div>
            <div class="code-name">.icon-appar-915
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-917"></span>
            <div class="name">
              垂线测点
            </div>
            <div class="code-name">.icon-appar-917
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-922"></span>
            <div class="name">
              垂线测点
            </div>
            <div class="code-name">.icon-appar-922
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-923"></span>
            <div class="name">
              垂线测点
            </div>
            <div class="code-name">.icon-appar-923
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-928"></span>
            <div class="name">
              垂线测点
            </div>
            <div class="code-name">.icon-appar-928
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-930"></span>
            <div class="name">
              垂线测点
            </div>
            <div class="code-name">.icon-appar-930
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-610"></span>
            <div class="name">
              位移计
            </div>
            <div class="code-name">.icon-appar-610
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-611"></span>
            <div class="name">
              位移计
            </div>
            <div class="code-name">.icon-appar-611
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-347"></span>
            <div class="name">
              位移计
            </div>
            <div class="code-name">.icon-appar-347
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-345"></span>
            <div class="name">
              位移计
            </div>
            <div class="code-name">.icon-appar-345
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-304"></span>
            <div class="name">
              测缝计
            </div>
            <div class="code-name">.icon-appar-304
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-322"></span>
            <div class="name">
              测缝计
            </div>
            <div class="code-name">.icon-appar-322
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-344"></span>
            <div class="name">
              测缝计
            </div>
            <div class="code-name">.icon-appar-344
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-111"></span>
            <div class="name">
              测缝计
            </div>
            <div class="code-name">.icon-appar-111
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-602"></span>
            <div class="name">
              测缝计
            </div>
            <div class="code-name">.icon-appar-602
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-603"></span>
            <div class="name">
              测缝计
            </div>
            <div class="code-name">.icon-appar-603
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-605"></span>
            <div class="name">
              测缝计
            </div>
            <div class="code-name">.icon-appar-605
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-606"></span>
            <div class="name">
              测缝计
            </div>
            <div class="code-name">.icon-appar-606
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-4"></span>
            <div class="name">
              测斜仪
            </div>
            <div class="code-name">.icon-appar-4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-517"></span>
            <div class="name">
              测斜仪
            </div>
            <div class="code-name">.icon-appar-517
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-302"></span>
            <div class="name">
              渗压计
            </div>
            <div class="code-name">.icon-appar-302
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-305"></span>
            <div class="name">
              渗压计
            </div>
            <div class="code-name">.icon-appar-305
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-320"></span>
            <div class="name">
              渗压计
            </div>
            <div class="code-name">.icon-appar-320
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-323"></span>
            <div class="name">
              渗压计
            </div>
            <div class="code-name">.icon-appar-323
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-343"></span>
            <div class="name">
              渗压计
            </div>
            <div class="code-name">.icon-appar-343
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-350"></span>
            <div class="name">
              渗压计
            </div>
            <div class="code-name">.icon-appar-350
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-113"></span>
            <div class="name">
              渗压计
            </div>
            <div class="code-name">.icon-appar-113
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-303"></span>
            <div class="name">
              测压管遥测水位计
            </div>
            <div class="code-name">.icon-appar-303
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-321"></span>
            <div class="name">
              测压管遥测水位计
            </div>
            <div class="code-name">.icon-appar-321
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-410"></span>
            <div class="name">
              测压管遥测水位计
            </div>
            <div class="code-name">.icon-appar-410
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-346"></span>
            <div class="name">
              钢筋计
            </div>
            <div class="code-name">.icon-appar-346
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-107"></span>
            <div class="name">
              钢筋计
            </div>
            <div class="code-name">.icon-appar-107
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-341"></span>
            <div class="name">
              应力计
            </div>
            <div class="code-name">.icon-appar-341
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-122"></span>
            <div class="name">
              应力计
            </div>
            <div class="code-name">.icon-appar-122
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-306"></span>
            <div class="name">
              应变计
            </div>
            <div class="code-name">.icon-appar-306
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-324"></span>
            <div class="name">
              应变计
            </div>
            <div class="code-name">.icon-appar-324
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-348"></span>
            <div class="name">
              应变计
            </div>
            <div class="code-name">.icon-appar-348
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-349"></span>
            <div class="name">
              应变计
            </div>
            <div class="code-name">.icon-appar-349
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-104"></span>
            <div class="name">
              应变计
            </div>
            <div class="code-name">.icon-appar-104
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-109"></span>
            <div class="name">
              应变计
            </div>
            <div class="code-name">.icon-appar-109
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-326"></span>
            <div class="name">
              土压计
            </div>
            <div class="code-name">.icon-appar-326
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-117"></span>
            <div class="name">
              土压计
            </div>
            <div class="code-name">.icon-appar-117
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-342"></span>
            <div class="name">
              温度计
            </div>
            <div class="code-name">.icon-appar-342
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-102"></span>
            <div class="name">
              温度计
            </div>
            <div class="code-name">.icon-appar-102
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-7"></span>
            <div class="name">
              全站仪
            </div>
            <div class="code-name">.icon-appar-7
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-1"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-2"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-3"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-5"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-6"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-6
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-9"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-9
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-101"></span>
            <div class="name">
              温度计
            </div>
            <div class="code-name">.icon-appar-101
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-105"></span>
            <div class="name">
              应变计
            </div>
            <div class="code-name">.icon-appar-105
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-106"></span>
            <div class="name">
              钢筋计
            </div>
            <div class="code-name">.icon-appar-106
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-108"></span>
            <div class="name">
              应变计
            </div>
            <div class="code-name">.icon-appar-108
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-110"></span>
            <div class="name">
              测缝计
            </div>
            <div class="code-name">.icon-appar-110
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-112"></span>
            <div class="name">
              渗压计
            </div>
            <div class="code-name">.icon-appar-112
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-114"></span>
            <div class="name">
              钢板计
            </div>
            <div class="code-name">.icon-appar-114
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-115"></span>
            <div class="name">
              钢板计
            </div>
            <div class="code-name">.icon-appar-115
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-116"></span>
            <div class="name">
              土压计
            </div>
            <div class="code-name">.icon-appar-116
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-118"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-118
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-119"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-119
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-120"></span>
            <div class="name">
              应力计
            </div>
            <div class="code-name">.icon-appar-120
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-121"></span>
            <div class="name">
              应力计
            </div>
            <div class="code-name">.icon-appar-121
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-123"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-123
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-125"></span>
            <div class="name">
              裂缝计
            </div>
            <div class="code-name">.icon-appar-125
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-201"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-201
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-202"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-202
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-205"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-205
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-206"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-206
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-211"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-211
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-301"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-301
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-308"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-308
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-309"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-309
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-310"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-310
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-319"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-319
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-325"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-325
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-340"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-340
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-351"></span>
            <div class="name">
              应力计
            </div>
            <div class="code-name">.icon-appar-351
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-400"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-400
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-401"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-401
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-408"></span>
            <div class="name">
              测缝计
            </div>
            <div class="code-name">.icon-appar-408
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-409"></span>
            <div class="name">
              测缝计
            </div>
            <div class="code-name">.icon-appar-409
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-411"></span>
            <div class="name">
              位移计
            </div>
            <div class="code-name">.icon-appar-411
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-415"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-415
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-416"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-416
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-502"></span>
            <div class="name">
              设备电压
            </div>
            <div class="code-name">.icon-appar-502
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-503"></span>
            <div class="name">
              设备电压
            </div>
            <div class="code-name">.icon-appar-503
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-504"></span>
            <div class="name">
              设备电压
            </div>
            <div class="code-name">.icon-appar-504
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-505"></span>
            <div class="name">
              设备电压
            </div>
            <div class="code-name">.icon-appar-505
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-506"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-506
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-507"></span>
            <div class="name">
              测斜仪
            </div>
            <div class="code-name">.icon-appar-507
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-508"></span>
            <div class="name">
              测斜仪
            </div>
            <div class="code-name">.icon-appar-508
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-509"></span>
            <div class="name">
              设备电压
            </div>
            <div class="code-name">.icon-appar-509
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-510"></span>
            <div class="name">
              设备电压
            </div>
            <div class="code-name">.icon-appar-510
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-512"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-512
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-514"></span>
            <div class="name">
              温湿度传感器_o
            </div>
            <div class="code-name">.icon-appar-514
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-515"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-515
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-516"></span>
            <div class="name">
              沉降仪
            </div>
            <div class="code-name">.icon-appar-516
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-518"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-518
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-519"></span>
            <div class="name">
              设备电压
            </div>
            <div class="code-name">.icon-appar-519
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-601"></span>
            <div class="name">
              测缝计
            </div>
            <div class="code-name">.icon-appar-601
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-604"></span>
            <div class="name">
              测缝计
            </div>
            <div class="code-name">.icon-appar-604
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-702"></span>
            <div class="name">
              简易雨量站
            </div>
            <div class="code-name">.icon-appar-702
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-703"></span>
            <div class="name">
              简易水位站
            </div>
            <div class="code-name">.icon-appar-703
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-704"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-704
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-705"></span>
            <div class="name">
              简易水位站
            </div>
            <div class="code-name">.icon-appar-705
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-706"></span>
            <div class="name">
              简易水位站
            </div>
            <div class="code-name">.icon-appar-706
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-707"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-707
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-801"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-801
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-901"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-901
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-902"></span>
            <div class="name">
              温度计
            </div>
            <div class="code-name">.icon-appar-902
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-904"></span>
            <div class="name">
              位移计
            </div>
            <div class="code-name">.icon-appar-904
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-905"></span>
            <div class="name">
              位移计
            </div>
            <div class="code-name">.icon-appar-905
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-913"></span>
            <div class="name">
              测缝计
            </div>
            <div class="code-name">.icon-appar-913
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-914"></span>
            <div class="name">
              测缝计
            </div>
            <div class="code-name">.icon-appar-914
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-916"></span>
            <div class="name">
              位移计
            </div>
            <div class="code-name">.icon-appar-916
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-920"></span>
            <div class="name">
              风速
            </div>
            <div class="code-name">.icon-appar-920
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-921"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-921
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-925"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-925
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-926"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-926
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-927"></span>
            <div class="name">
              位移计
            </div>
            <div class="code-name">.icon-appar-927
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-929"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-929
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-932"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-932
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-933"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-933
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-934"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-934
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-935"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-935
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-10001"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-appar-10001
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-appar-20002"></span>
            <div class="name">
              测斜仪
            </div>
            <div class="code-name">.icon-appar-20002
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-appar-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-307"></use>
                </svg>
                <div class="name">温度计</div>
                <div class="code-name">#icon-appar-307</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-0"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-0</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-701"></use>
                </svg>
                <div class="name">简易雨量站</div>
                <div class="code-name">#icon-appar-701</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-8"></use>
                </svg>
                <div class="name">GPS</div>
                <div class="code-name">#icon-appar-8</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-919"></use>
                </svg>
                <div class="name">风速</div>
                <div class="code-name">#icon-appar-919</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-501"></use>
                </svg>
                <div class="name">设备电压</div>
                <div class="code-name">#icon-appar-501</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-124"></use>
                </svg>
                <div class="name">裂缝计</div>
                <div class="code-name">#icon-appar-124</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-103"></use>
                </svg>
                <div class="name">应变计</div>
                <div class="code-name">#icon-appar-103</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-908"></use>
                </svg>
                <div class="name">量水堰</div>
                <div class="code-name">#icon-appar-908</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-403"></use>
                </svg>
                <div class="name">引张线</div>
                <div class="code-name">#icon-appar-403</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-404"></use>
                </svg>
                <div class="name">引张线</div>
                <div class="code-name">#icon-appar-404</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-413"></use>
                </svg>
                <div class="name">引张线</div>
                <div class="code-name">#icon-appar-413</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-414"></use>
                </svg>
                <div class="name">引张线</div>
                <div class="code-name">#icon-appar-414</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-909"></use>
                </svg>
                <div class="name">引张线</div>
                <div class="code-name">#icon-appar-909</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-910"></use>
                </svg>
                <div class="name">引张线</div>
                <div class="code-name">#icon-appar-910</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-918"></use>
                </svg>
                <div class="name">引张线</div>
                <div class="code-name">#icon-appar-918</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-402"></use>
                </svg>
                <div class="name">静力水准仪</div>
                <div class="code-name">#icon-appar-402</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-412"></use>
                </svg>
                <div class="name">静力水准仪</div>
                <div class="code-name">#icon-appar-412</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-906"></use>
                </svg>
                <div class="name">静力水准仪</div>
                <div class="code-name">#icon-appar-906</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-907"></use>
                </svg>
                <div class="name">静力水准仪</div>
                <div class="code-name">#icon-appar-907</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-511"></use>
                </svg>
                <div class="name">倾斜仪</div>
                <div class="code-name">#icon-appar-511</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-203"></use>
                </svg>
                <div class="name">垂线测点</div>
                <div class="code-name">#icon-appar-203</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-204"></use>
                </svg>
                <div class="name">垂线测点</div>
                <div class="code-name">#icon-appar-204</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-207"></use>
                </svg>
                <div class="name">垂线测点</div>
                <div class="code-name">#icon-appar-207</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-208"></use>
                </svg>
                <div class="name">垂线测点</div>
                <div class="code-name">#icon-appar-208</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-209"></use>
                </svg>
                <div class="name">垂线测点</div>
                <div class="code-name">#icon-appar-209</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-210"></use>
                </svg>
                <div class="name">垂线测点</div>
                <div class="code-name">#icon-appar-210</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-405"></use>
                </svg>
                <div class="name">垂线测点</div>
                <div class="code-name">#icon-appar-405</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-406"></use>
                </svg>
                <div class="name">垂线测点</div>
                <div class="code-name">#icon-appar-406</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-903"></use>
                </svg>
                <div class="name">垂线测点</div>
                <div class="code-name">#icon-appar-903</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-911"></use>
                </svg>
                <div class="name">垂线测点</div>
                <div class="code-name">#icon-appar-911</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-912"></use>
                </svg>
                <div class="name">垂线测点</div>
                <div class="code-name">#icon-appar-912</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-915"></use>
                </svg>
                <div class="name">垂线测点</div>
                <div class="code-name">#icon-appar-915</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-917"></use>
                </svg>
                <div class="name">垂线测点</div>
                <div class="code-name">#icon-appar-917</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-922"></use>
                </svg>
                <div class="name">垂线测点</div>
                <div class="code-name">#icon-appar-922</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-923"></use>
                </svg>
                <div class="name">垂线测点</div>
                <div class="code-name">#icon-appar-923</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-928"></use>
                </svg>
                <div class="name">垂线测点</div>
                <div class="code-name">#icon-appar-928</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-930"></use>
                </svg>
                <div class="name">垂线测点</div>
                <div class="code-name">#icon-appar-930</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-610"></use>
                </svg>
                <div class="name">位移计</div>
                <div class="code-name">#icon-appar-610</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-611"></use>
                </svg>
                <div class="name">位移计</div>
                <div class="code-name">#icon-appar-611</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-347"></use>
                </svg>
                <div class="name">位移计</div>
                <div class="code-name">#icon-appar-347</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-345"></use>
                </svg>
                <div class="name">位移计</div>
                <div class="code-name">#icon-appar-345</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-304"></use>
                </svg>
                <div class="name">测缝计</div>
                <div class="code-name">#icon-appar-304</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-322"></use>
                </svg>
                <div class="name">测缝计</div>
                <div class="code-name">#icon-appar-322</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-344"></use>
                </svg>
                <div class="name">测缝计</div>
                <div class="code-name">#icon-appar-344</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-111"></use>
                </svg>
                <div class="name">测缝计</div>
                <div class="code-name">#icon-appar-111</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-602"></use>
                </svg>
                <div class="name">测缝计</div>
                <div class="code-name">#icon-appar-602</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-603"></use>
                </svg>
                <div class="name">测缝计</div>
                <div class="code-name">#icon-appar-603</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-605"></use>
                </svg>
                <div class="name">测缝计</div>
                <div class="code-name">#icon-appar-605</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-606"></use>
                </svg>
                <div class="name">测缝计</div>
                <div class="code-name">#icon-appar-606</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-4"></use>
                </svg>
                <div class="name">测斜仪</div>
                <div class="code-name">#icon-appar-4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-517"></use>
                </svg>
                <div class="name">测斜仪</div>
                <div class="code-name">#icon-appar-517</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-302"></use>
                </svg>
                <div class="name">渗压计</div>
                <div class="code-name">#icon-appar-302</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-305"></use>
                </svg>
                <div class="name">渗压计</div>
                <div class="code-name">#icon-appar-305</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-320"></use>
                </svg>
                <div class="name">渗压计</div>
                <div class="code-name">#icon-appar-320</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-323"></use>
                </svg>
                <div class="name">渗压计</div>
                <div class="code-name">#icon-appar-323</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-343"></use>
                </svg>
                <div class="name">渗压计</div>
                <div class="code-name">#icon-appar-343</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-350"></use>
                </svg>
                <div class="name">渗压计</div>
                <div class="code-name">#icon-appar-350</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-113"></use>
                </svg>
                <div class="name">渗压计</div>
                <div class="code-name">#icon-appar-113</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-303"></use>
                </svg>
                <div class="name">测压管遥测水位计</div>
                <div class="code-name">#icon-appar-303</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-321"></use>
                </svg>
                <div class="name">测压管遥测水位计</div>
                <div class="code-name">#icon-appar-321</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-410"></use>
                </svg>
                <div class="name">测压管遥测水位计</div>
                <div class="code-name">#icon-appar-410</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-346"></use>
                </svg>
                <div class="name">钢筋计</div>
                <div class="code-name">#icon-appar-346</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-107"></use>
                </svg>
                <div class="name">钢筋计</div>
                <div class="code-name">#icon-appar-107</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-341"></use>
                </svg>
                <div class="name">应力计</div>
                <div class="code-name">#icon-appar-341</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-122"></use>
                </svg>
                <div class="name">应力计</div>
                <div class="code-name">#icon-appar-122</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-306"></use>
                </svg>
                <div class="name">应变计</div>
                <div class="code-name">#icon-appar-306</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-324"></use>
                </svg>
                <div class="name">应变计</div>
                <div class="code-name">#icon-appar-324</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-348"></use>
                </svg>
                <div class="name">应变计</div>
                <div class="code-name">#icon-appar-348</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-349"></use>
                </svg>
                <div class="name">应变计</div>
                <div class="code-name">#icon-appar-349</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-104"></use>
                </svg>
                <div class="name">应变计</div>
                <div class="code-name">#icon-appar-104</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-109"></use>
                </svg>
                <div class="name">应变计</div>
                <div class="code-name">#icon-appar-109</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-326"></use>
                </svg>
                <div class="name">土压计</div>
                <div class="code-name">#icon-appar-326</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-117"></use>
                </svg>
                <div class="name">土压计</div>
                <div class="code-name">#icon-appar-117</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-342"></use>
                </svg>
                <div class="name">温度计</div>
                <div class="code-name">#icon-appar-342</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-102"></use>
                </svg>
                <div class="name">温度计</div>
                <div class="code-name">#icon-appar-102</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-7"></use>
                </svg>
                <div class="name">全站仪</div>
                <div class="code-name">#icon-appar-7</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-1"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-2"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-3"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-5"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-6"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-6</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-9"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-9</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-101"></use>
                </svg>
                <div class="name">温度计</div>
                <div class="code-name">#icon-appar-101</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-105"></use>
                </svg>
                <div class="name">应变计</div>
                <div class="code-name">#icon-appar-105</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-106"></use>
                </svg>
                <div class="name">钢筋计</div>
                <div class="code-name">#icon-appar-106</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-108"></use>
                </svg>
                <div class="name">应变计</div>
                <div class="code-name">#icon-appar-108</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-110"></use>
                </svg>
                <div class="name">测缝计</div>
                <div class="code-name">#icon-appar-110</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-112"></use>
                </svg>
                <div class="name">渗压计</div>
                <div class="code-name">#icon-appar-112</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-114"></use>
                </svg>
                <div class="name">钢板计</div>
                <div class="code-name">#icon-appar-114</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-115"></use>
                </svg>
                <div class="name">钢板计</div>
                <div class="code-name">#icon-appar-115</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-116"></use>
                </svg>
                <div class="name">土压计</div>
                <div class="code-name">#icon-appar-116</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-118"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-118</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-119"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-119</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-120"></use>
                </svg>
                <div class="name">应力计</div>
                <div class="code-name">#icon-appar-120</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-121"></use>
                </svg>
                <div class="name">应力计</div>
                <div class="code-name">#icon-appar-121</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-123"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-123</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-125"></use>
                </svg>
                <div class="name">裂缝计</div>
                <div class="code-name">#icon-appar-125</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-201"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-201</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-202"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-202</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-205"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-205</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-206"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-206</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-211"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-211</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-301"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-301</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-308"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-308</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-309"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-309</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-310"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-310</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-319"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-319</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-325"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-325</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-340"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-340</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-351"></use>
                </svg>
                <div class="name">应力计</div>
                <div class="code-name">#icon-appar-351</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-400"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-400</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-401"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-401</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-408"></use>
                </svg>
                <div class="name">测缝计</div>
                <div class="code-name">#icon-appar-408</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-409"></use>
                </svg>
                <div class="name">测缝计</div>
                <div class="code-name">#icon-appar-409</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-411"></use>
                </svg>
                <div class="name">位移计</div>
                <div class="code-name">#icon-appar-411</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-415"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-415</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-416"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-416</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-502"></use>
                </svg>
                <div class="name">设备电压</div>
                <div class="code-name">#icon-appar-502</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-503"></use>
                </svg>
                <div class="name">设备电压</div>
                <div class="code-name">#icon-appar-503</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-504"></use>
                </svg>
                <div class="name">设备电压</div>
                <div class="code-name">#icon-appar-504</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-505"></use>
                </svg>
                <div class="name">设备电压</div>
                <div class="code-name">#icon-appar-505</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-506"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-506</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-507"></use>
                </svg>
                <div class="name">测斜仪</div>
                <div class="code-name">#icon-appar-507</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-508"></use>
                </svg>
                <div class="name">测斜仪</div>
                <div class="code-name">#icon-appar-508</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-509"></use>
                </svg>
                <div class="name">设备电压</div>
                <div class="code-name">#icon-appar-509</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-510"></use>
                </svg>
                <div class="name">设备电压</div>
                <div class="code-name">#icon-appar-510</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-512"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-512</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-514"></use>
                </svg>
                <div class="name">温湿度传感器_o</div>
                <div class="code-name">#icon-appar-514</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-515"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-515</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-516"></use>
                </svg>
                <div class="name">沉降仪</div>
                <div class="code-name">#icon-appar-516</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-518"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-518</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-519"></use>
                </svg>
                <div class="name">设备电压</div>
                <div class="code-name">#icon-appar-519</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-601"></use>
                </svg>
                <div class="name">测缝计</div>
                <div class="code-name">#icon-appar-601</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-604"></use>
                </svg>
                <div class="name">测缝计</div>
                <div class="code-name">#icon-appar-604</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-702"></use>
                </svg>
                <div class="name">简易雨量站</div>
                <div class="code-name">#icon-appar-702</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-703"></use>
                </svg>
                <div class="name">简易水位站</div>
                <div class="code-name">#icon-appar-703</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-704"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-704</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-705"></use>
                </svg>
                <div class="name">简易水位站</div>
                <div class="code-name">#icon-appar-705</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-706"></use>
                </svg>
                <div class="name">简易水位站</div>
                <div class="code-name">#icon-appar-706</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-707"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-707</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-801"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-801</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-901"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-901</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-902"></use>
                </svg>
                <div class="name">温度计</div>
                <div class="code-name">#icon-appar-902</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-904"></use>
                </svg>
                <div class="name">位移计</div>
                <div class="code-name">#icon-appar-904</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-905"></use>
                </svg>
                <div class="name">位移计</div>
                <div class="code-name">#icon-appar-905</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-913"></use>
                </svg>
                <div class="name">测缝计</div>
                <div class="code-name">#icon-appar-913</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-914"></use>
                </svg>
                <div class="name">测缝计</div>
                <div class="code-name">#icon-appar-914</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-916"></use>
                </svg>
                <div class="name">位移计</div>
                <div class="code-name">#icon-appar-916</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-920"></use>
                </svg>
                <div class="name">风速</div>
                <div class="code-name">#icon-appar-920</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-921"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-921</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-925"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-925</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-926"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-926</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-927"></use>
                </svg>
                <div class="name">位移计</div>
                <div class="code-name">#icon-appar-927</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-929"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-929</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-932"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-932</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-933"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-933</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-934"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-934</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-935"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-935</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-10001"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-appar-10001</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-appar-20002"></use>
                </svg>
                <div class="name">测斜仪</div>
                <div class="code-name">#icon-appar-20002</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
